<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Utopia, from Themio</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="A complete admin panel theme">
		<meta name="author" content="theemio">
		<link href="css/utopia-white.css" rel="stylesheet">
		<link href="css/utopia-responsive.css" rel="stylesheet">
		<link href="css/ie.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.min.js">			
		</script><script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript">
			if ($.cookie("css")) {
				$('link[href*="utopia-white.css"]').attr("href", $.cookie("css"));
				$('link[href*="utopia-dark.css"]').attr("href", $.cookie("css"));
				$('link[href*="utopia-wooden.css"]').attr("href", $.cookie("css"))
			}
			$(document).ready(function() {
				$(".theme-changer a").live("click", function() {
					$('link[href*="utopia-white.css"]').attr("href", $(this).attr("rel"));
					$('link[href*="utopia-dark.css"]').attr("href", $(this).attr("rel"));
					$('link[href*="utopia-wooden.css"]').attr("href", $(this).attr("rel"));
					$.cookie("css", $(this).attr("rel"), {
						expires : 365,
						path : "/"
					});
					$(".user-info").removeClass("user-active");
					$(".user-dropbox").hide()
				})
			});
		</script><!--[if IE 8]><link href="css/ie8.css" rel="stylesheet"><![endif]--><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	</head>
	<body>
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
					<div class="header-top">
						<div class="header-wrapper">
							<a href="#" class="utopia-logo"><img src="img/utopia-logo.png" alt="Utopia"></a>
							<div class="header-right">
								<div class="header-divider">
									&nbsp;
								</div>
								<div class="search-panel header-divider">
									<div class="search-box"><img src="img/icons/zoom.png" alt="Search">
										<form action="" method="post">
											<input type="text" name="search" placeholder="search"/>
										</form>
									</div>
								</div>
								<div class="notification header-divider">
									<div class="notification-wrapper">
										<a href="#" class="notification-counter">8</a><div id="triangle-down"></div>
										<div class="tabbable notification-box">
											<ul class="nav nav-tabs">
												<li class="active">
													<a data-toggle="tab" href="#message">Messages (3)</a>
												</li>
												<li class="">
													<a data-toggle="tab" href="#activity">Activity (5)</a>
												</li>
											</ul>
											<div class="tab-content">
												<div id="message" class="tab-pane active">
													<ul class="message-list">
														<li class="message new">
															<div class="msg">
																From: <a href="">Benjamiin Buttons</a><span>40m ago</span><a class="subject" href="">Getting Started on Starlight Template</a>
																<p>
																	Vitae dicta sunt explicabo. Nemo enim
																</p>
															</div>
														</li>
														<li class="message new">
															<div class="msg">
																From: <a href="">ThemePixels Team</a><span>2 hours ago</span><a class="subject" href="">Thank you for using StarLight Template</a>
																<p>
																	Hi,Eiusmod tempor incididunt ut labore et dolore magna aliqua.
																</p>
															</div>
														</li>
														<li class="message">
															<div class="msg">
																From: <a href="">Katherine Kate</a><span>40m ago</span>
																<p>
																	Lorem ipsum dolor sit amet...
																</p>
															</div>
														</li>
														<li class="message">
															<div class="msg">
																From: <a href="">ThemePixels Team</a><span>Yesterday</span><a class="subject" href="">Events for the next month</a>
																<p>
																	Hi,Eiusmod tempor incididunt ut labore et dolore magna aliqua.
																</p>
															</div>
														</li>
													</ul>
													<div class="message-more">
														<a href="">See All Messages</a>
													</div>
												</div>
												<div id="activity" class="tab-pane">
													<ul class="message-list">
														<li class="user new">
															<div class="msg">
																<a href="">Justin Meller</a> added <a href="">John Doe</a> as Admin.
															</div>
														</li>
														<li class="call new">
															<div class="msg">
																You missed a call from <a href="">Porfirio</a>
															</div>
														</li>
														<li class="calendar new">
															<div class="msg">
																<a href="">Katherine Kate</a> invited you in an event <a href="">Rock Party</a>.
															</div>
														</li>
														<li class="settings">
															<div class="msg">
																<a href="">Jane Doe</a> updated her profile.
															</div>
														</li>
														<li class="follow">
															<div class="msg">
																<a href="">Jet Lee</a> is now following you.
															</div>
														</li>
													</ul>
													<div class="message-more">
														<a href="">View All Activities</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="user-panel header-divider">
									<div class="user-info"><img src="img/icons/user.png" alt=""><a href="#">Admin user</a>
									</div>
									<div class="user-dropbox">
										<ul>
											<li class="user">
												<a href="">Profile</a>
											</li>
											<li class="settings">
												<a href="">Account Settings</a>
											</li>
											<li class="theme-changer dark-theme">
												<a href="javascript:void(0)" class="dark" rel="css/themes/utopia-dark.css">Dark theme</a>
											</li>
											<li class="theme-changer white-theme">
												<a href="javascript:void(0)" class="white" rel="css/utopia-white.css">White theme</a>
											</li>
											<li class="theme-changer wooden-theme">
												<a href="javascript:void(0)" class="wooden" rel="css/themes/utopia-wooden.css">Wooden theme</a>
											</li>
											<li class="logout">
												<a href="index.html">Logout</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2 sidebar-container">
					<div class="sidebar">
						<div class="navbar sidebar-toggle">
							<div class="container">
								<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
							</div>
						</div>
						<div class="nav-collapse collapse leftmenu">
							<ul>
								<li>
									<a class="dashboard smronju" href="dashboard.html" title="Dashboard"><span>Dashboard</span></a>
								</li>
								<li class="current">
									<a class="list" href="javascript:void(0)" title="Tables"><span>Tables</span></a>
									<ul class="dropdown">
										<li>
											<a class="tables" href="tables.html" title="Tables"><span>Tables</span></a>
										<li>
											<a class="widgets smronju" href="pricingtables.html" title="Pricing Tables"><span>Pricingtables</span></a>
										</li>
									</ul>
								</li>
								<li>
									<a class="tables" href="typography.html" title="Typography"><span>Typography</span></a>
								</li>
								<li>
									<a class="elements" href="maps.html" title="Maps"><span>Maps</span></a>
								</li>
								<li>
									<a class="charts" href="charts.html" title="Graphs &amp; Charts"><span>Charts</span></a>
								</li>
								<li>
									<a class="barcode" href="barcode.html" title="Barcode"><span>Barcode</span></a>
								</li>
								<li>
									<a class="editor" href="javascript:void(0)" title="Forms"><span>Forms</span></a>
									<ul class="dropdown">
										<li>
											<a class="simple smronju" href="forms.html" title="Form Elements"><span>Form Element</span></a>
										</li>
										<li>
											<a class="wizard-form smronju" href="wizard_form.html" title="Wizard Form"><span>Wizard Form</span></a>
										</li>
									</ul>
								</li>
								<li>
									<a class="gallery" href="javascript:void(0)" title="Galleries"><span>Galleries</span></a>
									<ul class="dropdown">
										<li>
											<a class="fluidgallery" href="fluid_galleries.html" title="Fluid Gallery"><span>Fluid Gallery</span></a>
										</li>
										<li>
											<a class="slidergallery" href="mixed_galleries.html" title="Mixed Gallery"><span>Mixed Gallery</span></a>
										</li>
										<li>
											<a class="videogallery" href="video_galleries.html" title="Video Gallery"><span>Video Gallery</span></a>
										</li>
									</ul>
								</li>
								<li>
									<a class="grid" href="grid.html" title="Grid"><span>Grid</span></a>
								</li>
								<li>
									<a class="calendar" href="calendar.html" title="Calendar"><span>Calendar</span></a>
								</li>
								<li>
									<a class="icons" href="icons.html" title="Icons"><span> Icons</span></a>
								</li>
								<li>
									<a class="chat" href="conversation.html" title="Conversation"><span>Conversation</span></a>
								</li>
								<li>
									<a class="error" href="error.html" title="Error Page"><span>Error Page</span></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="span10 body-container">
					<div class="row-fluid">
						<div class="span12">
							<ul class="breadcrumb">
								<li>
									<a href="#">Home</a><span class="divider">/</span>
								</li>
								<li>
									<a href="#">Tables</a><span class="divider">/</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span6">
							<section class="utopia-widget">
								<div class="utopia-widget-title"><img src="img/icons/paragraph_justify.png" class="utopia-widget-icon"><span>static table # 1</span>
								</div>
								<div class="utopia-widget-content">
									<table class="table">
										<colgroup>
											<col class="utopia-col-1">
											<col class="utopia-col-0">
											<col class="utopia-col-1">
										</colgroup>
										<thead>
											<tr>
												<th>First Name</th><th>Last Name</th><th>Username</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>Mark</td><td>Otto</td><td>@mdo</td>
											</tr>
											<tr>
												<td>Jacob</td><td>Thornton</td><td>@fat</td>
											</tr>
											<tr>
												<td>Larry</td><td>the Bird</td><td>@twitter</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th>First Name</th><th>Last Name</th><th>Username</th>
											</tr>
										</tfoot>
									</table>
								</div>
							</section>
						</div>
						<div class="span6">
							<section class="utopia-widget">
								<div class="utopia-widget-title"><img src="img/icons/paragraph_justify.png" class="utopia-widget-icon"><span>static table # 2</span>
								</div>
								<div class="utopia-widget-content">
									<table class="table table-bordered">
										<thead>
											<tr>
												<th>#</th><th>First Name</th><th>Last Name</th><th>Username</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td rowspan="2">1</td><td>Mark</td><td>Otto</td><td>@mdo</td>
											</tr>
											<tr>
												<td>Mark</td><td>Otto</td><td>@TwBootstrap</td>
											</tr>
											<tr>
												<td>2</td><td colspan="2">Larry the Bird</td><td>@twitter</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th>#</th><th>First Name</th><th>Last Name</th><th>Username</th>
											</tr>
										</tfoot>
									</table>
								</div>
							</section>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<section class="utopia-widget">
								<div class="utopia-widget-title"><img src="img/icons/paragraph_justify.png" class="utopia-widget-icon"><span>static table # 3</span>
								</div>
								<div class="utopia-widget-content">
									<table class="table table-striped table-bordered">
										<thead>
											<tr>
												<th>
												<input class="utopia-check-all" type="checkbox">
												</th><th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Other browsers</td><td>All others</td><td>-</td><td>-</td><td>U</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Trident</td><td>AOL browser (AOL desktop)</td><td>Win XP</td><td>6</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Camino 1.0</td><td>OSX.2+</td><td>1.8</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Camino 1.5</td><td>OSX.3+</td><td>1.8</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Misc</td><td>Dillo 0.8</td><td>Embedded devices</td><td>-</td><td>X</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Epiphany 2.20</td><td>Gnome</td><td>1.8</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 1.0</td><td>Win 98+ / OSX.2+</td><td>1.7</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 1.5</td><td>Win 98+ / OSX.2+</td><td>1.8</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 2.0</td><td>Win 98+ / OSX.2+</td><td>1.8</td><td>A</td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 3.0</td><td>Win 2k+ / OSX.3+</td><td>1.9</td><td>A</td>
											</tr>
										</tbody>
									</table>
									<div class="utopia-table-action">
										<div class="btn-group">
											<a href="#" class="btn"><i class="icon-cog"></i> Actions</a><a href="#" data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></a>
											<ul class="dropdown-menu">
												<li>
													<a href="#"><i class="icon-eye-open"></i> View</a>
												</li>
												<li>
													<a href="#"><i class="icon-pencil"></i> Edit</a>
												</li>
												<li>
													<a href="#"><i class="icon-trash"></i> Delete</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</section>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<section class="utopia-widget">
								<div class="utopia-widget-title"><img src="img/icons/paragraph_justify.png" class="utopia-widget-icon"><span>content table</span>
								</div>
								<div class="utopia-widget-content">
									<table class="table table-bordered">
										<colgroup>
											<col class="utopia-col-0">
											<col class="utopia-col-1">
											<col class="utopia-col-0">
											<col class="utopia-col-1">
											<col class="utopia-col-0">
											<col class="utopia-col-1">
										</colgroup>
										<thead>
											<tr>
												<th>
												<input class="utopia-check-all" type="checkbox">
												</th><th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th><th>Actions</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Other browsers</td><td>All others</td><td>-</td><td>-</td><td>U</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Trident</td><td>AOL browser (AOL desktop)</td><td>Win XP</td><td>6</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Camino 1.0</td><td>OSX.2+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Camino 1.5</td><td>OSX.3+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Misc</td><td>Dillo 0.8</td><td>Embedded devices</td><td>-</td><td>X</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Epiphany 2.20</td><td>Gnome</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 1.0</td><td>Win 98+ / OSX.2+</td><td>1.7</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 1.5</td><td>Win 98+ / OSX.2+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 2.0</td><td>Win 98+ / OSX.2+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
											<tr>
												<td>
												<input class="chkbox" type="checkbox" name="checkbox[]">
												</td><td>Gecko</td><td>Firefox 3.0</td><td>Win 2k+ / OSX.3+</td><td>1.9</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="img/icons/pencil.png" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="img/icons/trash_can.png" alt="Delete"></a></td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th>
												<input class="utopia-check-all" type="checkbox">
												</th><th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th><th>Actions</th>
											</tr>
										</tfoot>
									</table>
									<div class="row-fluid">
										<div class="span6">
											<div class="utopia-table-action">
												<div class="btn-group">
													<a href="#" class="btn"><i class="icon-cog"></i> Actions</a><a href="#" data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></a>
													<ul class="dropdown-menu">
														<li>
															<a href="#"><i class="icon-eye-open"></i> View</a>
														</li>
														<li>
															<a href="#"><i class="icon-pencil"></i> Edit</a>
														</li>
														<li>
															<a href="#"><i class="icon-trash"></i> Delete</a>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="span6">
											<div class="pagination pagination-right">
												<ul>
													<li class="prev disabled">
														<a href="#">←</a>
													</li>
													<li>
														<a href="#">1</a>
													</li>
													<li>
														<a href="#">2</a>
													</li>
													<li class="active">
														<a href="#">3</a>
													</li>
													<li>
														<a href="#">4</a>
													</li>
													<li>
														<a href="#">5</a>
													</li>
													<li class="next">
														<a href="#">→ </a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</section>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<section class="utopia-widget">
								<div class="utopia-widget-title"><img src="img/icons/paragraph_justify.png" class="utopia-widget-icon"><span>data table (sortable)</span>
								</div>
								<div class="utopia-widget-content">
									<table class="table datatable table-striped table-bordered">
										<thead>
											<tr>
												<th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th>
											</tr>
										</thead>
										<tbody>
											<tr class="odd gradeX">
												<td>Trident</td><td>Internet Explorer 4.0</td><td>Win 95+</td><td class="center"> 4</td><td class="center">X</td>
											</tr>
											<tr class="even gradeC">
												<td>Trident</td><td>Internet Explorer 5.0</td><td>Win 95+</td><td class="center">5</td><td class="center">C</td>
											</tr>
											<tr class="odd gradeA">
												<td>Trident</td><td>Internet Explorer 5.5</td><td>Win 95+</td><td class="center">5.5</td><td class="center">A</td>
											</tr>
											<tr class="even gradeA">
												<td>Trident</td><td>Internet Explorer 6</td><td>Win 98+</td><td class="center">6</td><td class="center">A</td>
											</tr>
											<tr class="odd gradeA">
												<td>Trident</td><td>Internet Explorer 7</td><td>Win XP SP2+</td><td class="center">7</td><td class="center">A</td>
											</tr>
											<tr class="even gradeA">
												<td>Trident</td><td>AOL browser (AOL desktop)</td><td>Win XP</td><td class="center">6</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Firefox 1.0</td><td>Win 98+ / OSX.2+</td><td class="center">1.7</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Firefox 1.5</td><td>Win 98+ / OSX.2+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Firefox 2.0</td><td>Win 98+ / OSX.2+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Firefox 3.0</td><td>Win 2k+ / OSX.3+</td><td class="center">1.9</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Camino 1.0</td><td>OSX.2+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Camino 1.5</td><td>OSX.3+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Netscape 7.2</td><td>Win 95+ / Mac OS 8.6-9.2</td><td class="center">1.7</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Netscape Browser 8</td><td>Win 98SE+</td><td class="center">1.7</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Netscape Navigator 9</td><td>Win 98+ / OSX.2+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.0</td><td>Win 95+ / OSX.1+</td><td class="center">1</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.1</td><td>Win 95+ / OSX.1+</td><td class="center">1.1</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.2</td><td>Win 95+ / OSX.1+</td><td class="center">1.2</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.3</td><td>Win 95+ / OSX.1+</td><td class="center">1.3</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.4</td><td>Win 95+ / OSX.1+</td><td class="center">1.4</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.5</td><td>Win 95+ / OSX.1+</td><td class="center">1.5</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.6</td><td>Win 95+ / OSX.1+</td><td class="center">1.6</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.7</td><td>Win 98+ / OSX.1+</td><td class="center">1.7</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Mozilla 1.8</td><td>Win 98+ / OSX.1+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Seamonkey 1.1</td><td>Win 98+ / OSX.2+</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Gecko</td><td>Epiphany 2.20</td><td>Gnome</td><td class="center">1.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>Safari 1.2</td><td>OSX.3</td><td class="center">125.5</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>Safari 1.3</td><td>OSX.3</td><td class="center">312.8</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>Safari 2.0</td><td>OSX.4+</td><td class="center">419.3</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>Safari 3.0</td><td>OSX.4+</td><td class="center">522.1</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>OmniWeb 5.5</td><td>OSX.4+</td><td class="center">420</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>iPod Touch / iPhone</td><td>iPod</td><td class="center">420.1</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Webkit</td><td>S60</td><td>S60</td><td class="center">413</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 7.0</td><td>Win 95+ / OSX.1+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 7.5</td><td>Win 95+ / OSX.2+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 8.0</td><td>Win 95+ / OSX.2+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 8.5</td><td>Win 95+ / OSX.2+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 9.0</td><td>Win 95+ / OSX.3+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 9.2</td><td>Win 88+ / OSX.3+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera 9.5</td><td>Win 88+ / OSX.3+</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Opera for Wii</td><td>Wii</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Nokia N800</td><td>N800</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>Presto</td><td>Nintendo DS browser</td><td>Nintendo DS</td><td class="center">8.5</td><td class="center">C/A<sup>1</sup></td>
											</tr>
											<tr class="gradeC">
												<td>KHTML</td><td>Konqureror 3.1</td><td>KDE 3.1</td><td class="center">3.1</td><td class="center">C</td>
											</tr>
											<tr class="gradeA">
												<td>KHTML</td><td>Konqureror 3.3</td><td>KDE 3.3</td><td class="center">3.3</td><td class="center">A</td>
											</tr>
											<tr class="gradeA">
												<td>KHTML</td><td>Konqureror 3.5</td><td>KDE 3.5</td><td class="center">3.5</td><td class="center">A</td>
											</tr>
											<tr class="gradeX">
												<td>Tasman</td><td>Internet Explorer 4.5</td><td>Mac OS 8-9</td><td class="center">-</td><td class="center">X</td>
											</tr>
											<tr class="gradeC">
												<td>Tasman</td><td>Internet Explorer 5.1</td><td>Mac OS 7.6-9</td><td class="center">1</td><td class="center">C</td>
											</tr>
											<tr class="gradeC">
												<td>Tasman</td><td>Internet Explorer 5.2</td><td>Mac OS 8-X</td><td class="center">1</td><td class="center">C</td>
											</tr>
											<tr class="gradeA">
												<td>Misc</td><td>NetFront 3.1</td><td>Embedded devices</td><td class="center">-</td><td class="center">C</td>
											</tr>
											<tr class="gradeA">
												<td>Misc</td><td>NetFront 3.4</td><td>Embedded devices</td><td class="center">-</td><td class="center">A</td>
											</tr>
											<tr class="gradeX">
												<td>Misc</td><td>Dillo 0.8</td><td>Embedded devices</td><td class="center">-</td><td class="center">X</td>
											</tr>
											<tr class="gradeX">
												<td>Misc</td><td>Links</td><td>Text only</td><td class="center">-</td><td class="center">X</td>
											</tr>
											<tr class="gradeX">
												<td>Misc</td><td>Lynx</td><td>Text only</td><td class="center">-</td><td class="center">X</td>
											</tr>
											<tr class="gradeC">
												<td>Misc</td><td>IE Mobile</td><td>Windows Mobile 6</td><td class="center">-</td><td class="center">C</td>
											</tr>
											<tr class="gradeC">
												<td>Misc</td><td>PSP browser</td><td>PSP</td><td class="center">-</td><td class="center">C</td>
											</tr>
											<tr class="gradeU">
												<td>Other browsers</td><td>All others</td><td>-</td><td class="center">-</td><td class="center">U</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th>
											</tr>
										</tfoot>
									</table>
								</div>
							</section>
						</div>
					</div>
				</div>
			</div>
		</div><script type="text/javascript" src="js/utopia.js"></script><script type="text/javascript" src="js/jquery.datatable.js"></script><script type="text/javascript" src="js/tables.js"></script><script type="text/javascript" src="js/header.js?v1"></script><script type="text/javascript" src="js/sidebar.js"></script>
	</body>
</html>